import React from 'react';
import { type SvgIconProps } from '@mui/material/SvgIcon';
import AppSvgIcon from 'components/shared/icons/AppSvgIcon';

const Recursive: React.FC<SvgIconProps> = ({ sx, ...props }) => (
  <AppSvgIcon sx={sx} viewBox='0 0 16 16' {...props}>
    <svg
      width='16'
      height='16'
      viewBox='0 0 16 16'
      fill='none'
      xmlns='http://www.w3.org/2000/svg'
    >
      <path
        fillRule='evenodd'
        clipRule='evenodd'
        d='M10.0642 1.49936C10.4511 1.10527 11.0843 1.09946 11.4784 1.48639L13.7006 3.66821C13.8921 3.85624 14 4.11337 14 4.38177C14 4.65017 13.8921 4.9073 13.7006 5.09533L11.4784 7.27715C11.0843 7.66408 10.4511 7.65827 10.0642 7.26418C9.67729 6.87009 9.6831 6.23695 10.0772 5.85002L10.5541 5.38177H5.22222C4.89221 5.38177 4.57932 5.51066 4.35146 5.73437C4.12423 5.95748 4 6.25613 4 6.56359V7.6545C4 8.20678 3.55228 8.6545 3 8.6545C2.44772 8.6545 2 8.20678 2 7.6545V6.56359C2 5.71373 2.34403 4.90248 2.95028 4.30725C3.55592 3.71262 4.3735 3.38177 5.22222 3.38177H10.5541L10.0772 2.91352C9.6831 2.52659 9.67729 1.89345 10.0642 1.49936ZM13 7.74541C13.5523 7.74541 14 8.19312 14 8.74541V9.83632C14 10.6862 13.656 11.4974 13.0497 12.0927C12.4441 12.6873 11.6265 13.0181 10.7778 13.0181H5.44589L5.92281 13.4864C6.3169 13.8733 6.32271 14.5065 5.93579 14.9005C5.54886 15.2946 4.91572 15.3004 4.52163 14.9135L2.29941 12.7317C2.10789 12.5437 2 12.2865 2 12.0181C2 11.7497 2.10789 11.4926 2.29941 11.3046L4.52163 9.12275C4.91572 8.73583 5.54886 8.74163 5.93579 9.13573C6.32271 9.52982 6.3169 10.163 5.92281 10.5499L5.44589 11.0181H10.7778C11.1078 11.0181 11.4207 10.8892 11.6485 10.6655C11.8758 10.4424 12 10.1438 12 9.83632V8.74541C12 8.19312 12.4477 7.74541 13 7.74541Z'
        fill='#0A58FF'
      />
    </svg>
  </AppSvgIcon>
);

export default Recursive;
